<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" value="IE=9">
		<link rel="stylesheet" href="../css/base.min.css?1" />
		<title>New Interface Test for ABPlayer</title>
		<script src="../js/CommentCoreLibrary.min.js"></script>
		<script src="../js/ABPlayer.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.js"></script>
		<script src="coverflow/coverflow.js"></script>
		<script src="coverflow/scroll.js"></script>
		<style>
		body{
			background-color:#000;
			overflow:hidden;
		}
		</style>
		<script type="text/javascript">
			window.addEventListener("load",function(){
				var inst1 = ABP.create(document.getElementById("video1"), {
					"src":document.getElementById("v1"),
					"width":672,
					"height":510,
					"mobile":true
				});
				var inst2 = ABP.create(document.getElementById("video2"), {
					"src":document.getElementById("v2"),
					"width":672,
					"height":510,
					"mobile":true
				});
				var inst3 = ABP.create(document.getElementById("video3"), {
					"src":document.getElementById("v3"),
					"width":672,
					"height":510,
					"mobile":true
				});
				var inst4 = ABP.create(document.getElementById("video4"), {
					"src":document.getElementById("v4"),
					"width":672,
					"height":510,
					"mobile":true
				});
				CommentLoader("../comment.xml", inst2.cmManager);
				CommentLoader("hanabi.xml", inst4.cmManager);
				$('.coverflow').coverflow();
			});
		</script>
	</head>
	<body>
		<div class="coverflow">
			<div id="video1" class="cover"></div>
			<div id="video2" class="cover"></div>
			<div id="video3" class="cover"></div>
			<div id="video4" class="cover"></div>
		</div>

		<script>
			$(function() {
				
			});
		</script>
		<div style="display:none">
			<video id="v2" autobuffer="true" data-setup="{}">
				<source src="http://tools.kanoha.org/ccltestingvideos/otsukimi_recital.mp4" type="video/mp4">
				<source src="http://tools.kanoha.org/ccltestingvideos/otsukimi_recital.webm" type="video/webm">
			</video>
			<video id="v1" autobuffer="true" data-setup="{}">
				<source src="http://content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4" type="video/mp4">
				<source src="http://content.bitsontherun.com/videos/bkaovAYt-27m5HpIu.webm" type="video/webm">
			</video>
			<video id="v3" autobuffer="true" data-setup="{}">
				<source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
			</video>
			<video id="v4" autobuffer="true" data-setup="{}">
				<source src="http://tools.kanoha.org/experimental/demo.mp4" type="video/mp4">
			</video>
		</div>
		
	</body>
</html>
